<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多快好省，购物上京东！</title>
    <!-- 引入默认样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./dist/css/swiper-bundle.css">
</head>

<body>
    <div style="overflow: hidden;">
        <!-- 头部广告 -->
        <div class="heard-top">
            <div class="heard-top-tip">
                <ul class="heard-top-ul">
                    <!-- 关闭按钮 -->
                    <li class="heard-top-item">
                        <div style="height: 100%;display: flex; justify-content: center; align-items: center;">
                            <img style="width: 0.5rem;" src="/images/top-xx.png">
                        </div>
                    </li>
                    <!-- logo -->
                    <li class="heard-top-item">
                        <div style="height: 100%;display: flex; justify-content: center; align-items: center;">
                            <img style="width: 1.4rem;" src="/images/top-logo.png">
                        </div>
                    </li>
                    <!-- 文字 -->
                    <li class="heard-top-item">
                        <div style="height: 100%;">
                            打开京东APP，实惠又轻松
                        </div>
                    </li>
                    <!-- 打开 -->
                    <li class="heard-top-item">
                        <div>立即打开</div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 主体内容区域 -->
        <div class="main-content">
            <!-- 背景样式 -->
            <div class="main-style"></div>
            <!-- 头部导航区域 -->
            <div class="floor-content">
                <!-- 搜索栏 -->
                <div class="floor-content-search">
                    <div class="floor-content-logo"></div>
                    <!-- 搜索框 -->
                    <div class="floor-content-search-box">
                        <!-- 小图标 -->
                        <i class="search-box-logo"></i>
                        <div class="search-box-line"></div>
                        <i class="search-box-sear"></i>
                        <input type="text" class="search-box-input">
                    </div>
                    <!-- 登录 -->
                    <div class="floor-content-login">
                        登录
                    </div>
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="container-fluid main-swiper">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/banner1.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner2.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner3.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner4.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner5.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner6.jpg">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner7.jpg">
                        </div>
                    </div>
                    <!--分页器。如果放置在swiper外面，需要自定义样式。-->
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <!-- 商品分类列表 -->
            <div class="container main-wrapper">
                <a class="wrapper-item" href="">
                    <img src="./images/main-item1.png">
                    <p>京东超市</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item2.png">
                    <p>数码电器</p>
                </a>

                <a class="wrapper-item" href="">
                    <img src="./images/main-item4.png">
                    <p>京东新百货</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item5.png">
                    <p>京东生鲜</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item6.png">
                    <p>京东到家</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item7.png">
                    <p>充值中心</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item8.png">
                    <p>附近好店</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item9.png">
                    <p>PLUS会员</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item10.png">
                    <p>京东国际</p>
                </a>
                <a class="wrapper-item" href="">
                    <img src="./images/main-item3.png">
                    <p>京东拍卖</p>
                </a>

            </div>

            <!-- 京东秒杀 -->
            <div class="container">
                <!-- 头 -->
                <div class="floor-container clearfix">
                    <!-- 场次 -->
                    <div class="title-wrap">
                        <a class="seckill-tit-img">京东秒杀</a>
                        <div class="seckill-timer-wrap clearfix">
                            <div class="seckill-begin">
                                14
                            </div>
                        </div>
                    </div>
                    <!-- 倒计时 -->
                    <div class="seckill-timer">
                        <div class="seckill-timer-h">01</div>
                        <span class="seckill-timer-style">:</span>
                        <div class="seckill-timer-h">10</div>
                        <span class="seckill-timer-style">:</span>
                        <div class="seckill-timer-h">55</div>
                    </div>
                    <!-- 下一页 -->
                    <div class="seckill-icon"></div>
                </div>

                <!-- 列表 -->
                <div class="floor-wrap">
                    <ul class="floor-wrap-ul">
                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>
                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>
                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>
                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>

                        <li class="floor-wrap-li">
                            <div class="seckill-item-img">
                                <a href="javaScript">
                                    <img src="./images/seckill-item-img1.jpg">
                                </a>
                            </div>
                            <div class="seckill-item-price">￥198</div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 商品列表 -->
            <div class="container">
                <div class="floor-item">
                    <div class="floor-item-box">
                        <!-- 商品列表左侧 -->
                        <div class="floor-item-left">
                            <!-- 第一个商品 -->
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 商品列表右侧 -->
                        <div class="floor-item-right">
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="feeds-item">
                                <!-- 上方图片区域 -->
                                <a class="goods" href="javaScript:;">
                                    <div class="goods_div"><img class="goodsimg" src="./images/goods1.webp"></div>
                                </a>
                                <!-- 下方文字区域 -->
                                <div class="goodsinfo clearfix">
                                    <div class="goodsname">
                                        <div style="width: 2rem; height: .7rem;display: inline-block;"><img
                                                src="./images/jingdonshoping.png">
                                        </div>
                                        <span>三元芭缔欧冰岛风味常温酸奶200g*24礼盒装 零食下午茶</span>
                                    </div>
                                    <!-- 低价 -->
                                    <div class="goodslowprice">
                                        <div style="width: .6rem;height: .6rem;">
                                            <img src="./images/goodsplowprice.png">
                                        </div>
                                        <div style="margin-left: .1rem; color: #ff2078;">
                                            15天最低价
                                        </div>
                                    </div>
                                    <!-- 价格 -->
                                    <div class="goodsrow">
                                        <div class="goodsprice">
                                            <span>￥</span>
                                            <span>44</span>
                                            <span>.90</span>
                                        </div>
                                        <div class="goodsprice-text">
                                            2件8.5折
                                        </div>
                                    </div>
                                    <!-- 底部 -->
                                    <div class="goods-bottom">
                                        <div style="display: inline-block;">
                                            <img style="width: 1.2rem; height: .7rem;" src="./images/jingdonziying.png">
                                        </div>
                                        <div class="goods-bottom-text">
                                            看相似
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 底部 -->
            <div class="container">
                <ul class="list-group list-group-horizontal" style="width: 100%;">
                    <li class="list-group-item list-group-item-no">
                        <a style="color: #666666;" href="javaScript:;">
                            登录
                        </a>
                    </li>
                    <li class="list-group-item list-group-item-no">
                        <a style="color: #666666;" href="javaScript:;">
                            注册

                    </li>
                    <li class="list-group-item list-group-item-no">
                        <a style="color: #666666;" href="javaScript:;">
                            客户服务
                        </a>
                    </li>
                    <li class="list-group-item list-group-item-no">
                        <a style="color: #666666;" href="javaScript:;">
                            返回顶部
                        </a>
                    </li>
                </ul>
                <ul class="list-group list-group-horizontal" style="width: 100%;justify-content: center;">
                    <li style="padding-top: 0;" class="list-group-item list-group-item-no">
                        <a href="javaScript:;">
                            <img style="width: 70px;" src="./images/bottom1.png">
                        </a>
                    </li>
                    <li style="padding-top: 0;" class="list-group-item list-group-item-no">
                        <a href="javaScript:;">
                            <img style="width: 70px;" src="./images/bottom2.png">
                        </a>
                    </li>
                    <li style="padding-top: 0;" class="list-group-item list-group-item-no">
                        <a href="javaScript:;">
                            <img style="width: 70px;" src="./images/bottom3.png">
                        </a>
                    </li>
                </ul>
                <p style="text-align: center;">Copyright © 2004-2020 京东JD.com 版权所有</p>
            </div>


        </div>

    </div>
</body>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
    crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua"
    crossorigin="anonymous"></script>
<script src="./dist/js/swiper-bundle.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {
        loop: true,
        autoplay: {
            // 切换时间
            delay: 2000,
        },
        // 分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })        
</script>
<style>
    .swiper {
        --swiper-pagination-color: #fa2c19;
    }
</style>

</html>